.error-file-viewer-modal {
  .ant-modal-header {
    border-bottom: none;
  }

  .ant-modal-body {
    padding-top: 0;

    .error-message-container {
      padding: var(--space-4, 8px) var(--space-5, 12px);
      border-radius: 6px;
      background: var(--requestly-color-black, #000);

      &-title {
        color: var(--requestly-color-text-subtle);
        font-size: var(--requestly-font-size-2xs);
        font-weight: var(--requestly-font-weight-medium);
        line-height: 13px;
        letter-spacing: 1px;
      }

      &-message {
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--requestly-color-text-subtle);
        font-size: var(--requestly-font-size-xs, 11px);
        margin-top: 8px;

        &-prefix {
          display: flex;
          align-items: center;
          gap: 4px;
          color: var(--requestly-color-error-text);

          svg {
            width: 12px;
            height: 12px;
            color: var(--requestly-color-error);
            flex-shrink: 0;
          }
        }
      }
    }

    .error-file-editor {
      padding: var(--space-4, 8px);
      border-radius: 4px;
      border: 1px solid var(--requestly-color-white-t-10, rgba(255, 255, 255, 0.06));
      background: #282828;
      box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.16);
      margin-top: 8px;
    }

    .error-file-editor-footer {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      margin-top: 8px;
    }
  }
}
